<!DOCTYPE html>
<html lang="th">
<head>
<title>Quiz</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery.js" ></script>
<style type="text/css">
.answers li { 
list-style: upper-alpha; 
} 

label { 
margin-left: 0.5em; 
cursor: pointer; 
} 

#results { 
background: #dddada; 
color: 000000; 
padding: 3px; 
text-align: center; 
width: 200px; 
cursor: pointer; 
border: 1px solid gray; 
}

#results:hover { 
background: #3d91b8; 
color: #ffffff; 
padding: 3px; 
text-align: center; 
width: 200px; 
cursor: pointer; 
border: 1px solid gray; 
} 

#categorylist { 
margin-top: 6px; 
display: none; 
} 

#category1, #category2, #category3, #category4, #category5, #category6, #category7, #category8, #category9, #category10, #category11 { 
display: none; 
}

#closing {
display: none;
font-style: italic;
}
</style>
<script type="text/javascript">
$(document).ready(function() 
{    $("#results").click(function() {                
if (!$("input[@name=q1]:checked").val() ||            
!$("input[@name=q2]:checked").val() ||           
!$("input[@name=q3]:checked").val() ||            
!$("input[@name=q4]:checked").val() ||            
!$("input[@name=q5]:checked").val() ||            
!$("input[@name=q6]:checked").val() ||            
!$("input[@name=q7]:checked").val() ||            
!$("input[@name=q8]:checked").val() ||            
!$("input[@name=q9]:checked").val() ||            
!$("input[@name=q10]:checked").val()            
) {            
alert("กรุณาทำให้ครบทุกข้อครับ");        
}        

else {

var cat1name = "1";            
var cat2name = "2";            
var cat3name = "3";            
var cat4name = "4";            
var cat5name = "5";            
var cat6name = "6";            
var cat7name = "7";            
var cat8name = "8";            
var cat9name = "9";            
var cat10name = "10";            
var cat11name = "None";            
            

var cat1 = ($("input[@name=q1]:checked").val() != "a"); 
           
var cat2 = ($("input[@name=q2]:checked").val() != "b");  

var cat3 = ($("input[@name=q3]:checked").val() != "c");  

var cat4 = ($("input[@name=q4]:checked").val() != "d");  

var cat5 = ($("input[@name=q5]:checked").val() != "a"); 

var cat6 = ($("input[@name=q6]:checked").val() != "b");  

var cat7 = ($("input[@name=q7]:checked").val() != "c"); 

var cat8 = ($("input[@name=q8]:checked").val() != "d");  

var cat9 = ($("input[@name=q9]:checked").val() != "a"); 

var cat10 = ($("input[@name=q10]:checked").val() != "b");  

var cat11 = (!cat1 && !cat2 && !cat3 && !cat4 && !cat5 && !cat6 && !cat7 && !cat8 && !cat9 && !cat10); var categories = [];                        

if (cat1) { categories.push(cat1name) };            
if (cat2) { categories.push(cat2name) };            
if (cat3) { categories.push(cat3name) };            
if (cat4) { categories.push(cat4name) };            
if (cat5) { categories.push(cat5name) };            
if (cat6) { categories.push(cat6name) };            
if (cat7) { categories.push(cat7name) };            
if (cat8) { categories.push(cat8name) };            
if (cat9) { categories.push(cat9name) };            
if (cat10) { categories.push(cat10name) };            
if (cat11) { categories.push(cat11name) };                        

var catStr = 'You answered the following questions incorrectly: ' + categories.join(', ') + '';                     
$("#categorylist").text(catStr);                        
$("#categorylist").show("slow");            

if (cat1) { $("#category1").show("slow"); };            
if (cat2) { $("#category2").show("slow"); };            
if (cat3) { $("#category3").show("slow"); };            
if (cat4) { $("#category4").show("slow"); };            
if (cat5) { $("#category5").show("slow"); };            
if (cat6) { $("#category6").show("slow"); };            
if (cat7) { $("#category7").show("slow"); };            
if (cat8) { $("#category8").show("slow"); };            
if (cat9) { $("#category9").show("slow"); };            
if (cat10) { $("#category10").show("slow"); };            
if (cat11) { $("#category11").show("slow"); };
{ $("#closing").show("slow"); };
}
    });});
</script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/ie6_script_other.js"></script>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page1">
<!-- START PAGE SOURCE -->
<div class="body1">
  <div class="body2">
    <div class="main">
      <header>
        <div class="wrapper">
          <h1><a href="Quiz.html"></a></h1>          
        </div>
        <nav id="menu">
          <ul>
            <li class="nav1"><a href="index.html">Home</a></li>
            <li class="nav2"><a href="EthicalVideo.html">Ethical Video</a></li>
            <li class="nav3"><a href="Punishment.html">Punishment</a></li>
            <li class="nav4"  id="active"><a href="Quiz.html">Quiz</a></li>
            <li class="nav5"><a href="Reference.html">Reference</a></li>
          </ul>
        </nav>
      </header>
    </div>
  </div>
</div>
<div class="body7">
  <div class="main">
    <section id="content">
     
      <div class="wrapper">
        <article class="col2">
          <p class="question">1. หากกระทำความผิดการพนันออนไลน์ผู้ฝ่าฝืนก็มีโทษอย่างไร?</p>        

<ul class="answers">            
<input type="radio" name="q1" value="a" id="q1a"><label for="q1a">ก.มีโทษจำคุกตั้งแต่ 3 เดือน ถึง 3 ปี</label><br/>          
<input type="radio" name="q1" value="b" id="q1b"><label for="q1b">ข.ประหารชีวิต</label><br/>            
<input type="radio" name="q1" value="c" id="q1c"><label for="q1c">ค.มีโทษจำคุก 5 ปีปรับ 50,000บาท หรือทั้งจำทั้งปรับ</label><br/>            
<input type="radio" name="q1" value="d" id="q1d"><label for="q1d">ง.รอลงอาญา 2ปี</label><br/>       
</ul><br/>        


<p class="question">2. การดาวน์โหลดและอัพโหลดเพลงสามารถกระทำได้หรือไม่?</p>        

<ul class="answers">            
<input type="radio" name="q2" value="a" id="q2a"><label for="q2a">ก.ได้ เพราะ เราซื้อมาแล้วเป็นสิทธิของเรา</label><br/>           
<input type="radio" name="q2" value="b" id="q2b"><label for="q2b">ข.ไม่ได้ เพราะ ไม่ได้รับอนุญาตจากเจ้าของค่ายเพลง</label><br/>            
<input type="radio" name="q2" value="c" id="q2c"><label for="q2c">ค.ได้ เพราะ เป็นการทำเพื่อประโยชน์ส่วนร่วม</label><br/>           
<input type="radio" name="q2" value="d" id="q2d"><label for="q2d">ง.ไม่ได้ เพราะ  แผ่นที่นำมาแจกจ่ายเป็นแผ่นCDของเพื่อน</label><br/>       
</ul><br/>        

<p class="question">3. ทำไมการส่ง“ลิงค์หรือ ไฮเปอร์ลิงค์” จึงเป็นการกระทำความผิด ? </p>        

<ul class="answers">            
<input type="radio" name="q3" value="a" id="q3a"><label for="q3a">ก. มีเนื้อหาไม่เหมาะสม </label><br/>            
<input type="radio" name="q3" value="b" id="q3b"><label for="q3b">ข. ไม่มีความปลอดภัยในการใช้งาน </label><br/>            
<input type="radio" name="q3" value="c" id="q3c"><label for="q3c">ค. ข้อมูลบางอย่างไม่ได้มีการขออนุญาต ก่อนนำมาใช้</label><br/>           
<input type="radio" name="q3" value="d" id="q3d"><label for="q3d">ง. ข้อมูลไม่มีความน่าเชื่อถือ </label><br/>       
</ul><br/>        

<p class="question">4. ในโลกสังคมออนไลน์เราควรจำเป็นต้องใช้ ชื่อ-นามแฝงหรือไม่?</p>        

<ul class="answers">           
<input type="radio" name="q4" value="a" id="q4a"><label for="q4a">ก.ไม่ควร เพราะ เพราะจะทำให้ผู้อื่นนำข้อมูลไปแอบอ้างได้</label><br/>            
<input type="radio" name="q4" value="b" id="q4b"><label for="q4b">ข.ควร เพราะ เพื่อยืนยันความเป็นเจ้าของและน่าเชื่อถือ</label><br/>            
<input type="radio" name="q4" value="c" id="q4c"><label for="q4c">ค.แล้วแต่ในกรณี ต้องพิจารณา </label><br/>            
<input type="radio" name="q4" value="d" id="q4d"><label for="q4d">ง.ถูกทุกข้อ</label><br/>        
</ul><br/>        

<p class="question">5. ข้อใดต่อไปนี้ ไม่ใช่ คุณสมบัติของ Forward Mail ซึ่งมีความผิดทางกฎหมาย? </p>        

<ul class="answers">            
<input type="radio" name="q5" value="a" id="q5a"><label for="q5a">ก. ข้อมูลมีความน่าเชื่อถือสูง </label><br/>            
<input type="radio" name="q5" value="b" id="q5b"><label for="q5b">ข. ข้อมูลมีเนื้อหาไม่เหมาะสม </label><br/>            
<input type="radio" name="q5" value="c" id="q5c"><label for="q5c">ค. ข้อมูลมีผลกระทบต่อความมั่นคง </label><br/>           
<input type="radio" name="q5" value="d" id="q5d"><label for="q5d">ง. ข้อมูลเป็นสื่อลามกอนาจาร </label><br/>        
</ul><br/>        

<p class="question">6. การซื้อโปรแกรมลิขสิทธิ์แล้วนำมา copy แจกคนอื่น เป็นการทำความผิดแบบใด ? </p>        

<ul class="answers">            
<input type="radio" name="q6" value="a" id="q6a"><label for="q6a">ก. การดัดแปลง</label><br/>            
<input type="radio" name="q6" value="b" id="q6b"><label for="q6b">ข. การทำซ้ำ </label><br/>            
<input type="radio" name="q6" value="c" id="q6c"><label for="q6c">ค. การตัดตอนข้อมูล </label><br/>            
<input type="radio" name="q6" value="d" id="q6d"><label for="q6d">ง. การปลอมแปลงข้อมูล </label><br/>        
</ul><br/>       

<p class="question">7. พฤติกรรมการดักจับข้อมูลของผู้อื่นที่ส่งหากันผ่านทางอินเทอร์เน็ต เรียกพฤติกรรมนี้ว่าอย่างไร ?</p>        

<ul class="answers">            
<input type="radio" name="q7" value="a" id="q7a"><label for="q7a">ก. พฤติกรรมนักเจาะ </label><br/>            
<input type="radio" name="q7" value="b" id="q7b"><label for="q7b">ข. พฤติกรรมการปล่อยไวรัส </label><br/>            
<input type="radio" name="q7" value="c" id="q7c"><label for="q7c">ค. พฤติกรรมนักล้วง  </label><br/>            
<input type="radio" name="q7" value="d" id="q7d"><label for="q7d">ง. พฤติกรรมการปลอมแปลงข้อมูล </label><br/>        
</ul><br/>        

<p class="question">8. พฤติกรรมใดต่อไปนี้ ไม่เป็น การกระทำความผิด ? </p>        

<ul class="answers">            
<input type="radio" name="q8" value="a" id="q8a"><label for="q8a">ก. ใช้ ID/password ผู้อื่น Login เข้าสู่ระบบ </label><br/>            
<input type="radio" name="q8" value="b" id="q8b"><label for="q8b">ข. เผยแพร่ภาพตัดต่อที่ทำให้ผู้อื่นเกิดความเสียหาย </label><br/>            
<input type="radio" name="q8" value="c" id="q8c"><label for="q8c">ค. ขโมยข้อมูลของผู้อื่นผ่านทางอินเทอร์เน็ต </label><br/>            
<input type="radio" name="q8" value="d" id="q8d"><label for="q8d">ง. โพสข้อความแสดงความคิดเห็นบนเว็บต่างๆ </label><br/>       
</ul><br/>       

<p class="question">9. อีเมล์ขยะ หรือ สแปม คือ อะไร ? </p>        

<ul class="answers">            
<input type="radio" name="q9" value="a" id="q9a"><label for="q9a">ก. อีเมล์ที่มีการส่งซ้ำๆ หลายๆครั้ง </label><br/>            
<input type="radio" name="q9" value="b" id="q9b"><label for="q9b">ข. อีเมล์ที่ไม่ระบุผู้ส่ง</label><br/>            
<input type="radio" name="q9" value="c" id="q9c"><label for="q9c">ค. อีเมล์ที่มีข้อมูลเท็จ </label><br/>            
<input type="radio" name="q9" value="d" id="q9d"><label for="q9d">ง. อีเมล์ที่มีข้อมูลเป็นสื่ออนาจาร</label><br/>        
</ul><br/>        

<p class="question">10. ข้อใด ไม่เป็น การกระทำความผิด เกี่ยวกับการละเมิดลิขสิทธิ์ </p>        

<ul class="answers">           
<input type="radio" name="q10" value="a" id="q10a"><label for="q10a">ก. การ copy เพลง แจกเพื่อนๆ </label><br/>            
<input type="radio" name="q10" value="b" id="q10b"><label for="q10b">ข. การสำรองข้อมูลไว้ในคอมพิวเตอร์ส่วนตัว </label><br/>            
<input type="radio" name="q10" value="c" id="q10c"><label for="q10c">ค. การ ตัดต่อภาพ ที่มีเนื้อหาทำให้ผู้อื่นเสียหาย </label><br/>            
<input type="radio" name="q10" value="d" id="q10d"><label for="q10d">ง. การโหลดเพลงจากอินเทอร์เน็ต </label><br/>        
</ul>        

<br/>
<div id="results">            
Show me the answers!       
</div>                
<br/>
<div id="category1">            
<p>              
<strong>Question 1:</strong> คำตอบที่ถูกต้องคือ : <strong>ก.มีโทษจำคุกตั้งแต่ 3 เดือน ถึง 3 ปี</strong>.</p>        
</div>        

<div id="category2">            
<p>              
<strong>Question 2:</strong> คำตอบที่ถูกต้องคือ : <strong>ข.ไม่ได้ เพราะ ไม่ได้รับอนุญาตจากเจ้าของค่ายเพลง</strong>.</p>        
</div>        

<div id="category3">            
<p>                
<strong>Question 3:</strong> คำตอบที่ถูกต้องคือ : <strong>ค. ข้อมูลบางอย่างไม่ได้มีการขออนุญาต ก่อนนำมาใช้</strong>.</p>        
</div>        

<div id="category4">            
<p>               
<strong>Question 4:</strong> คำตอบที่ถูกต้องคือ : <strong>ง.ถูกทุกข้อ</strong>.</p>        
</div>        

<div id="category5">            
<p>                
<strong>Question 5:</strong> คำตอบที่ถูกต้องคือ : <strong>ก. ข้อมูลมีความน่าเชื่อถือสูง </strong>.</p>        
</div>        

<div id="category6">            
<p>                
<strong>Question 6:</strong> คำตอบที่ถูกต้องคือ : <strong>ข. การทำซ้ำ </strong>.</p>        
</div>        

<div id="category7">            
<p>                
<strong>Question 7:</strong> คำตอบที่ถูกต้องคือ :<strong>ค. พฤติกรรมนักล้วง </strong>.</p>        
</div>        

<div id="category8">            
<p>               
<strong>Question 8:</strong> คำตอบที่ถูกต้องคือ : <strong>ง. โพสข้อความแสดงความคิดเห็นบนเว็บต่างๆ</strong>.</p>        
</div>        

<div id="category9">           
<p>               
<strong>Question 9:</strong> คำตอบที่ถูกต้องคือ : <strong>ก. อีเมล์ที่มีการส่งซ้ำๆ หลายๆครั้ง</strong>.</p>        
</div>        

<div id="category10">            
<p>                
<strong>Question 10:</strong> คำตอบที่ถูกต้องคือ : <strong>ข. การสำรองข้อมูลไว้ในคอมพิวเตอร์ส่วนตัว</strong>.</p>        
</div>        

<div id="category11">            
<p>                
คุณตอบถูกทุกข้อครับ !</p>        
</div>

<div id="closing"/>
<p><a href="Quiz.html">Try Again</a></p>
</div>

        </article>        
      </div>
    </section>
  </div>
</div>
<div class="body8">
  <div class="body9">
    <div class="main">
      <footer>
       
      </footer>
    </div>
  </div>
</div>
</html>